<!DOCTYPE html>
<html>
<head>
  <title>Wizard | Flatty - Flat Administration Template</title>
  <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  <meta content='text/html;charset=utf-8' http-equiv='content-type'>
  <meta content='Flat administration template for Twitter Bootstrap. Twitter Bootstrap 3 template with Ruby on Rails support.' name='description'>
  <!-- / START - page related stylesheets [optional] -->
  <link href="assets/stylesheets/plugins/fuelux/wizard.css" media="all" rel="stylesheet" type="text/css" />
  <!-- / END - page related stylesheets [optional] -->
  <!-- / bootstrap [required] -->
  <link href="assets/stylesheets/bootstrap/bootstrap.css" media="all" rel="stylesheet" type="text/css" />
  <!-- / theme file [required] -->
  <link href="assets/stylesheets/light-theme.css" media="all" id="color-settings-body-color" rel="stylesheet" type="text/css" />

</head>
<body class='contrast-red '>
<div class='box'>
  <div class='box-content box-padding'>
    <div class='fuelux'>
      <div class='wizard'>
        <ul class='steps'>
          <li class='active' data-target='#step1'>
            <span class='step'>1</span>
          </li>
          <li data-target='#step2'>
            <span class='step'>2</span>
          </li>
          <li data-target='#step3'>
            <span class='step'>3</span>
          </li>
          <li data-target='#step4'>
            <span class='step'>4</span>
          </li>
        </ul>
        <div class='actions'>
          <button class='btn btn-xs btn-prev'><i class='icon-arrow-left'></i>Prev
          </button>
          <button class='btn btn-xs btn-success btn-next' data-last='Finish'>
            Next
            <i class='icon-arrow-right'></i>
          </button>
        </div>
      </div>
      <div class='step-content'>
        <hr class='hr-normal'>
        <form class="form" style="margin-bottom: 0;" method="post" action="#" accept-charset="UTF-8"><input name="authenticity_token" type="hidden" /><div class='step-pane active' id='step1'>
          <div class='form-group'>
            <div class='controls'>
              <tr><td><input type="text" name="u_name" id="stuName" onblur="namecheck();" placeholder="姓名" /></td>

              <tr><td><input type="password" name="password" id="password" onblur="pwdcheck();"  placeholder="密码" /></td>

              <tr><td><input type="password" name="u_pwd" id="pwd" onblur="pwdc();"  placeholder="确认密码" /></td>

            </div>
          </div>
        </div>
          <div class='step-pane' id='step2'>
            <div class='form-group'>
              <div class='controls'>
                3
              </div>
            </div>
          </div>
          <div class='step-pane' id='step3'>
            <div class='form-group'>
              <div class='controls'>
                2
              </div>
            </div>
          </div>
          <div class='step-pane' id='step4'>
            <div class='form-group'>
              <div class='controls'>
                1
              </div>
            </div>
          </div>
        </form>

      </div>
    </div>
  </div>
</div>
<!-- / jquery [required] -->
<script src="assets/javascripts/jquery/jquery.min.js" type="text/javascript"></script>
<script src="assets/javascripts/plugins/fuelux/wizard.js" type="text/javascript"></script>
</body>
</html>
